<!DOCTYPE html>
<html>
<head>
  <title>服务器时间</title>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
  <h1 id="server-time"></h1>

  <script>
    // 更新服务器时间
    function updateServerTime() {
      $.ajax({
        url: '/get-server-time', // 服务器端的URL
        method: 'GET',
        dataType: 'json',
        success: function(data) {
          var serverTime = new Date(data.serverTime);
          var year = serverTime.getFullYear();
          var month = (serverTime.getMonth() + 1).toString().padStart(2, '0');
          var day = serverTime.getDate().toString().padStart(2, '0');
          var hours = serverTime.getHours().toString().padStart(2, '0');
          var minutes = serverTime.getMinutes().toString().padStart(2, '0');
          var seconds = serverTime.getSeconds().toString().padStart(2, '0');

          // 格式化时间
          var formattedTime = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;

          // 更新页面上的时间
          $('#server-time').text(formattedTime);
        },
        error: function(xhr, status, error) {
          console.log("获取服务器时间出错: " + error);
        }
      });
    }

    // 每秒钟更新一次服务器时间
    setInterval(updateServerTime, 1000);
    
    // 页面加载完成后立即更新一次时间
    updateServerTime();
  </script>
</body>
</html>